<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="c-system.css"/>
</head>

<body>

    <div class="tabbox">
        <ul>
            <li class="active">日志监控</li>
            <li>用户反馈</li>
            <li>免责声明设置</li>
            <li>文章类别设置</li>
            <li>热度算法设置</li>
        </ul>
        <div class="content">
            <div class="active">
                <div>
                    <span class="se">
                            <span class="search">搜索：<div></div></span>
                    <span class="jibie">
                                    级别：
                                    <select>
                                        <option value="a">1</option>
                                        <option value="a">2</option>
                                    </select>
                                </span>
                    <span class="times">时间段：<div></div></span>
                    <table cellspacing="0" cellpadding="0" border="1">
                        <tr>
                            <td class="t">时间</td>
                            <td class="j">级别</td>
                            <td>日志</td>
                        </tr>
                        <tr>
                            <td>2018-09-21 09：51：53</td>
                            <td>ERROR</td>
                            <td>xxxxxxxxx</td>
                        </tr>
                        <tr>
                            <td>2018-09-21 09：51：53</td>
                            <td>WARN</td>
                            <td>xxxxxxxxx</td>
                        </tr>
                    </table>
                    </span>
                </div>
            </div>
            <div>
                <div>

                    <span class="se">
                                <span class="search">搜索：<div></div></span>
                    <span class="jibie">
                                        级别：
                                        <select>
                                            <option value="a">1</option>
                                            <option value="a">2</option>
                                        </select>
                                    </span>
                    <span class="times">时间段：<div></div></span>
                    <table cellspacing="0" cellpadding="0" border="1">
                        <tr>
                            <td class="t">时间</td>
                            <td class="j">级别</td>
                            <td>日志</td>
                        </tr>
                        <tr>
                            <td>2018-09-21 09：51：53</td>
                            <td>ERROR</td>
                            <td>xxxxxxxxx</td>
                        </tr>
                        <tr>
                            <td>2018-09-21 09：51：53</td>
                            <td>WARN</td>
                            <td>xxxxxxxxx</td>
                        </tr>
                    </table>
                    </span>
                </div>
            </div>

            <div class="nei">
                <span class="no">免责声明：</span>
                <input class="neirong">
                <div class="butt">
                    <span class="sure">确认</span>
                    <span class="NO">取消</span>
                </div>
            </div>
            <div>
                <div class="do">
                    <h3>操作</h3>
                    <div>新增基础类别</div>
                    <div>新增二级类别</div>
                    <div>新增短评类别</div>
                    <div>修改</div>
                    <div>删除</div>
                </div>
                <div class="list">
                    <div class="top">
                        <span id="lei">基础类别:</span>
                        <table cellspacing="0" cellpadding="0" border="1" class="one">
                            <tr>
                                <td>ID</td>
                                <td>类别名称</td>
                                <td>文章数</td>

                            </tr>
                            <tr>
                                <td>1</td>
                                <td>主线</td>
                                <td>100</td>
                            </tr>
                            <tr>

                                <td>2</td>
                                <td>评论</td>
                                <td>100</td>
                            </tr>
                            <tr>

                                <td>3</td>
                                <td>短评</td>
                                <td>100</td>
                            </tr>
                            <tr>

                                <td>4</td>
                                <td>test1</td>
                                <td>10</td>
                            </tr>
                            <tr>

                                <td>5</td>
                                <td>test2</td>
                                <td>20</td>
                            </tr>
                        </table>
                    </div>
                    <div id="center">
                        <span id="lei">二级类别:</span>
                        <table cellspacing="0" cellpadding="0" border="1" class="one">
                            <tr>
                                <td>ID</td>
                                <td>类别名称</td>
                                <td>基础类别</td>
                                <td>文章数</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>主要</td>
                                <td>主线</td>
                                <td>100</td>
                            </tr>
                            <tr>

                                <td>2</td>
                                <td>评论</td>
                                <td>评论，短评</td>
                                <td>200</td>
                            </tr>
                            <tr>

                                <td>3</td>
                                <td>短评</td>
                                <td>test1,test2</td>
                                <td>30</td>
                            </tr>
                        </table>
                    </div>
                    <div class="bottom">
                        <span id="lei">短评类别:</span>
                        <table cellspacing="0" cellpadding="0" border="1" class="one">
                            <tr>
                                <td>ID</td>
                                <td>类别名称</td>
                                <td>短评数</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>网友</td>
                                <td>100</td>

                            </tr>
                            <tr>

                                <td>2</td>
                                <td>媒体</td>
                                <td>100</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>作家</td>
                                <td>100</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div>
                <div class="left">
                    <span class="art">文章点击数系数：<div>1</div></span>
                    <span class="art">文章关注数系数：<div>10</div></span>
                    <span class="art">文章收藏数系数：<div>5</div></span>
                    <span class="art">文章转发数系数：<div>15</div></span>
                    <span class="art">文章评论数系数：<div>0</div></span>

                    <span class="art two">专题初始热度默认值：<div>100</div></span>
                    <span class="art">专题初始热度系数：<div>1</div></span>
                    <span class="art">专题点击数系数：<div>2</div></span>
                    <span class="art">专题关注数系数：<div>20</div></span>
                    <span class="art">专题收藏数系数：<div>10</div></span>
                    <span class="art">专题转发数系数：<div>30</div></span>
                    <span class="art">专题加热数系数：<div>2</div></span>
                    <span class="art">专题降温数系数：<div>5</div></span>
                    <span class="art">时间衰减系数：<div>25</div></span>
					<span class="art zhou"> 算法运行周期：<div>0.5小时</div></span>
                </div>
                
                <div class="nei">
                    <div class="butt">
                        <span class="sure">确认</span>
                        <span class="NO">取消</span>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>
<script src="jquery.js"></script>
<script type="text/javascript">
    $(function() {　　
        $(".tabbox li").click(function()　　 {　　　　　　　　
            $(this).addClass("active").siblings().removeClass("active");　　　　　　　　
            var index = $(this).index();　　　　
            $(this).parent().siblings().children().eq(index).addClass("active").siblings().removeClass("active");　　
        });
    });
</script>

</html>